<template>
	<view class="contact"> 
		<image class="img" src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Ffilecdn.suixin8.com%2Fuploads%2F520_8530%2F201904%2F5f23074a477b28465786302c79221b82.jpg&refer=http%3A%2F%2Ffilecdn.suixin8.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1643885937&t=c1363098f42d849fbab9358c23d232ec"></image>
		<view class="info">
			<view class="" @click="phone">
				联系电话: 15259253992 ←(猛戳拨打！) 
			</view>
			<view class="">
				联系地址:福建省厦门市翔安区马巷镇郑坂社区666号
			</view>
		</view>
		<map class="map" :longitude="longitude" :latitude="latitude" :markers="markers" :scale="scale"></map>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				longitude:118.244745,
				latitude:24.656932,
				scale:11,
				markers:[
					{
						longitude:118.244745,
						latitude:24.656932,
						iconPath:'../../static/dog.png',
						width:40,
						height:40
					}
				]
			}
		},
		methods: {
			phone(){
				uni.makePhoneCall({
					phoneNumber:'15259253992'
				})
			}
		}
	}
</script>

<style lang="less">
	.contact{
		.img{
			width: 750rpx;
			height: 320rpx;
		}
		.info{
			padding: 10px 15px;
			font-size: 30rpx;
			view{
				line-height: 60rpx;
				border-bottom: 1px solid #ccc;
			}
			
		}
		.map{
			width: 750rpx;
			height:750rpx ;
		}
	}
</style>
